<template>
  <d-config-provider>
    <div>
      <h4>samll</h4>
      <d-select :options="options" :value.sync="value" size="small"> </d-select>
      <h4 style="margin-top:35px">large</h4>
      <d-select :options="options" :value.sync="value" size="large"> </d-select>
      <d-select :options="options" v-model="value" size="large"> </d-select>
      <d-select :options="options" v-model="value" size="large"> </d-select>
    </div>
  </d-config-provider>
</template>

<script>
export default {
  data() {
    return {
      value: '01',
      options: [
        { value: '01', label: '01-title' },
        { value: '02', label: '02-title' },
        { value: '03', label: '03-title' }
      ]
    };
  }
};
</script>

<style lang="scss" scoped></style>
